<template>
    <div id="headapp" class="contentsty">
        <!--<img class="bg1" src="../../assets/login/logo_01.png"/>-->  
        <h3 class="headsty">岗前培训系统 后台管理</h3>
        <div class="logout" @click="goBack">
            <span class="exitDiv"><img src="../../assets/admin/exit.png" class="exitImg" alt="">退出</span>
        </div>
    </div>   
</template>
<script>
  export default {
    methods: {
      goBack() {
          window.localStorage.clear()//清空本地缓存
          this.$router.push('/login');
      }
    }
  }
</script>
<style scoped>
.contentsty{
    display: flex;
    line-height: 30px;
}
.headsty{
    padding-left: 150px;
}
.logout{
    display: inline;
    line-height: 83px;
    right: 8%;
    position: absolute;
}
.exitDiv {
    cursor: pointer;
}
.exitImg {
    vertical-align: text-bottom;
}
</style>
